<template>
  <div class="out_container">
    <LeftContent class="left" />
    <Echarts class="right" />
    <Bottom class="bottom" />
  </div>
</template>

<script>
import LeftContent from "./LeftContent";
import Echarts from "./Echarts";
import Bottom from "./Bottom";
export default {
  name:'aboutme',
  components: { LeftContent, Echarts, Bottom },
};
</script>
<style lang="less" scoped>
.out_container {
  position: relative;
  .left,
  .right,.bottom {
    position: absolute;
    width: 35vw;
    border-radius: 25px;
    margin-top: 50px;
    padding: 20px;
    border-radius: 20px;
    /* 设置渐变色 */
    background: linear-gradient(
      to right,
      rgba(176, 223, 241, 0.2),
      rgba(219, 193, 240, 0.3)
    );
  }
  .left {
    height: 35vh;
    left: 100px;
  }
  .right {
    height: 35vh;
    right: 100px;
  }
  .bottom{
    top: 45vh;
    width: 70vw;
    left: 100px;
  }
}
</style>